<template>
    <div class="prucles" ref="prucles">
      购买终端
    </div>
</template>

<script>
import * as echarts from 'echarts';
export default {
    data() {
        return {

        };
    },
    computed: {

    },
    created() {

    },
    mounted() {
      var myChart = echarts.init(this.$refs.prucles, 'dark');
      var option = {
        tooltip:{
          backgroundColor :"rgba(0,0,0,0.6)",
          textStyle:{
            color:"#fff"
          },
          borderColor :"rgba(0,0,0,0.6)",
          formatter: '{b}数量：{c};占比:({d}%)'
        },
        series: [
          {
            name: 'Nightingale Chart',
            type: 'pie',
            radius: [50, 75],
            center: ['50%', '50%'],
            roseType: 'area',
            itemStyle: {
              borderRadius: 0
            },
            label:{
              color:"red"
            },
            data: [
              { value: 100, name: 'Android',label:{color:"pick"},itemStyle:{color:{
  type: 'linear',
  x: 0,
  y: 0,
  x2: 0,
  y2: 1,
  colorStops: [{
      offset: 0, color: '#6d48dc' // 0% 处的颜色
  }, {
      offset: 1, color: '#524bdc' // 100% 处的颜色
  }],
  global: false // 缺省为 false
}} },
              { value: 80, name: 'IOS' },
              { value: 50, name: 'Pc Web' },
              { value: 20, name: 'Wap Web' },
            ]
          }
        ]
      };
      myChart.setOption(option);
    },
    methods: {

    },
};
</script>

<style scoped lang="scss">
.prucles{
  height: 100%;
}
</style>
